<template>
  <div class="app-container">
    <el-form
      ref="detail"
      :model="formData"
      label-width="120px">
      <el-form-item>
        <template slot="label">
          <span style="color:#f50">
            说明：
          </span>
        </template>
        在网时长范围起始值（含）,单位为月，在网 时长范围结束值（不含）,单位为月，如果-1 代表以上, [0,3), [3,6), [6,12),
        [12,24), [24,-1) （单位为月
      </el-form-item>
      <el-form-item label="时间：">
        {{ formData.created_at }}
      </el-form-item>
      <el-form-item label="号码：">
        {{ formData.phone }}
      </el-form-item>
      <el-form-item label="查询状态：">
        {{ formData.message }}
      </el-form-item>
      <el-form-item label="是否扣费：">
        {{ formData.is_charge == 1 ? '扣费' : '不扣费' }}
      </el-form-item>
      <el-form-item label="在网信息：">
        <span v-if="formData.response.origin.data">
          <div>{{ '在网时长起始值：' + formData.response.origin.data.min }}</div>
          <div>{{ '在网时长结束值：' + formData.response.origin.data.max }}</div>
        </span>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
  export default {
    name: 'detail',
    props: {
      formData: {
        type: Object,
        default: () => {
          return null;
        },
      },
    },
    data() {
      return {};
    },
    methods: {
      handleSubmit() {
        this.$emit('update:visible', false);
      },
    },
  };
</script>
